<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>HTML_table</title>
</head>
<body>
	<!--table的作用:
		table>tr>td	+ js 结合,拿到后台的数据,动态生成一个表格.
		jsp:EL表达式	-> JSTL  (List)
		html:js -> jQuery	(json)
		tr将内部元素(td)规划为一行显示,本身并没有显示的效果.
		-->
	<!--<table border="1">
		<tr>
			<th>ID</th>
			<th>NAME</th>
			<th>PASSWORD</th>
		</tr>
		<tr>
			<td>1</td>
			<td>user1</td>
			<td>password1</td>
		</tr>
	</table>-->

	<!-- 正常编写html内容是通过快速标签名  +  >  结合实现父元素及子元素的包含关系.	-->
	<!--table>tr*2>td*3-->
	<!--table>(tr>th*3)+tr>td*3-->
	<!--	练习:创建一个4*4的表格		-->
	<table border="1">
		<tr >
			<td rowspan="2" >tr1_td1</td>
			<td>tr1_td2</td>
			<td colspan="2">tr1_td3</td>
			<!--<td>tr1_td4</td>-->
		</tr>
		<tr>
			<!--<td>tr2_td1</td>-->
			<td>tr2_td2</td>
			<td>tr2_td3</td>
			<td>tr2_td4</td>
		</tr>
		<tr>
			<td>tr3_td1</td>
			<td>tr3_td2</td>
			<td colspan="2" rowspan="2">tr3_td3</td>
			<!--<td>tr3_td4</td>-->
		</tr>
		<tr>
			<td>tr4_td1</td>
			<td>tr4_td2</td>
			<!--<td>tr4_td3</td>-->
			<!--<td>tr4_trd</td>-->
		</tr>
	</table>




</body>
</html>